<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>旗下经理</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/public.css" />
		<link rel="stylesheet" href="../css/fund.css">
		<link rel="stylesheet" href="../css/company.css">
	</head>
	<body style="overflow-x:hidden">
		<header id="header" class="mui-bar mui-bar-nav jjs-header">
			<h2 class="mui-title">旗下经理</h2>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left-result"></a>
			<a class="mui-icon mui-icon-bars mui-pull-right header-right"></a>
		</header>
		<div class="mui-content  per-content  ranking-content its-content">
			<div class="per-wrapper its-wrapper">
					<div class="mui-table-view">
					    <div class="mui-table-view-cell" onclick="average(this)">
					        <span class="mui-navigate-right wrapper-title"><i></i>旗下经理概况</span>
					    </div>
					    <div class="wrapper-bottom">
						    <div class="mui-row wrapper-list">
						        <div class="mui-col-sm-12 mui-col-xs-12">
						            <div class="mui-table-view-cell">
										<i class="average"></i>2017-10-13更新
						            </div>
						        </div>
						    </div>
						    <table class="mui-table wrapper-table">
						    	<thead>
						    		<tr>
						    			<th>项目</th>
						    			<th>本公司</th>
						    			<th>各公司平均</th>
						    			<th>公司排名</th>
						    		</tr>
						    	</thead>
						    	<tbody>
						    		<tr>
						    			<td class="mui-ellipsis">当前经理数</td>
						    			<td>12</td>
						    			<td>12</td>
						    			<td>12/125</td>
						    		</tr>
						    		<tr>
						    			<td class="mui-ellipsis">平均任职年限</td>
						    			<td>12年86天</td>
						    			<td>12年86天</td>
						    			<td>12/456</td>
						    		</tr>
						    	</tbody>
						    </table>
						</div>
					</div>
				</div>
				<div class="mui-slider-group">
					<div class="per-wrapper">
						<div class="mui-table-view">
						    <div class="mui-table-view-cell" onclick="strength(this)">
						        <span class="mui-navigate-right wrapper-title"><i></i>旗下经理列表</span>
						    </div>
						    <div id="segmentedControl" class="mui-segmented-control man-choose">
								<a class="mui-control-item mui-active" href="#item1">在职</a>
								<a class="mui-control-item" href="#item2">离职</a>
							</div>
							<div id="item1" class="mui-control-content mui-active man-item1">
								<div id="scroll" class="mui-scroll-wrapper" data-scroll="1">
									<div class="mui-scroll">
										<div class="wrapper-bottom">
										    <table class="mui-table wrapper-table wrapper-table2">
										    	<thead>
										    		<tr>
										    			<th>编号</th>
										    			<th class="mui-ellipsis">基金经理</th>
										    			<th class="mui-ellipsis">任经理日期</th>
										    			<th>任职年限</th>
										    			<th class="mui-ellipsis">任经理年限</th>
										    			<th>旗下基金</th>
										    		</tr>
										    	</thead>
										    </table>
										    <ul class="wrapper-item wrapper-item2">
										    	<li>
										    		<a href="http://www.baidu.com" class="mui-clearfix">
										    			<span>1</span>
										    			<span>华宝</span>
										    			<span class="mui-ellipsis">2011-06-28</span>
										    			<span>6年86天</span>
										    			<span>6年86天</span>
										    			<span>12</span>
										    		</a>
										    	</li>
										    	<li>
										    		<a href="http://www.baidu.com" class="mui-clearfix">
										    			<span>1</span>
										    			<span>华宝</span>
										    			<span class="mui-ellipsis">2011-06-28</span>
										    			<span>6年86天</span>
										    			<span>6年86天</span>
										    			<span>12</span>
										    		</a>
										    	</li>
										    </ul>
										</div>
									</div>
								</div>
							</div>
							<div id="item2" class="mui-control-content">
								<div class="wrapper-bottom">
								    <table class="mui-table wrapper-table wrapper-table2">
								    	<thead>
								    		<tr>
								    			<th>编号</th>
								    			<th class="mui-ellipsis">基金经理</th>
								    			<th class="mui-ellipsis">任经理日期</th>
								    			<th>任职年限</th>
								    			<th class="mui-ellipsis">任经理年限</th>
								    			<th>旗下基金</th>
								    		</tr>
								    	</thead>
								    </table>
								    <ul class="wrapper-item wrapper-item2">
								    	<li>
								    		<a href="http://www.baidu.com" class="mui-clearfix">
								    			<span>11</span>
								    			<span>华宝</span>
								    			<span class="mui-ellipsis">2011-06-28</span>
								    			<span>6年86天</span>
								    			<span>6年86天</span>
								    			<span>12</span>
								    		</a>
								    	</li>
								    	<li>
								    		<a href="http://www.baidu.com" class="mui-clearfix">
								    			<span>12</span>
								    			<span>华宝</span>
								    			<span class="mui-ellipsis">2011-06-28</span>
								    			<span>6年86天</span>
								    			<span>6年86天</span>
								    			<span>12</span>
								    		</a>
								    	</li>
								    </ul>
								</div>
							</div>
						</div>
					</div>
				</div>
		</div>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/public.js"></script>
		<script>
			function average(e){
				$(e).parent().find(".wrapper-bottom").toggle()
				
			}
			
			function strength(e){
				$(e).parent().find(".wrapper-bottom").toggle()
				$(e).parent().find(".man-choose").toggle()
			}
			
			
		</script>
	</body>
</html>